<html>
	<head>
		<title>Fantasy Maze Game</title>
		<!-- Include Styles -->
		<link rel="stylesheet" type="text/css" href="Styles/main.css"/>
		
		<!-- Include Scripts -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
		<script src="Scripts/core.js"></script>
		<script src="Scripts/library.js"></script>
		<script src="Scripts/persistence.js"></script>
		<script src="Scripts/map_actions.js"></script>
		<script src="Scripts/tasks.js"></script>
		<script src="Scripts/status_actions.js"></script>
		<script src="Scripts/navigation_actions.js"></script>
		<script src="Scripts/items.js"></script>
		
		<!-- Google Analytics -->
		<script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-33234783-2']);
		  _gaq.push(['_trackPageview']);

		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		}) ();
		</script>
	</head>
	
	<body>
		<!-- Title -->
		<h1 class="notSelectable">Fantasy Maze Game</h1>
		<!-- Main Menu Bar -->
		<div id="mainMenuBar" class="shadow">
			<div class="button notSelectable" id="newGameButton">
				New game
			</div>
			<div class="button notSelectable" id="loadGameButton">
				Load game
			</div>
			<div class="button notSelectable disabled" id="saveGameButton">
				Save game
			</div>
			<div class="button notSelectable" id="manualButton">
				Manual
			</div>
		</div>
		<div id="gameActionsBar" class="shadow">
			<div class="button notSelectable disabled" id="itemsButton">
				Items
			</div>
			<div class="button notSelectable disabled" id="itemshopButton">
				Item-shop
			</div>
		</div>
		
		<!-- Manual -->
		<div id="manualPannel" class="shadow">
			<table border=0 width="100%">
			<tr>
				<th>
					<h2 style="text-align:left;" class="notSelectable">Manual</h2>
				</th>
				<td>
					<div class="button notSelectable" id="closeManualButton">
						X
					</div>
				</td>
			</tr></table>
			<span style="text-align:justify;">
			<b><u>Goal:</u></b> You start at the entrance (at the top), go to the treasures, then go back to the entrance to exit the labyrinth.
			<br>The treasure will help you for exiting the labyrinth and next games. You only need one treasure, but can get them both. But you'll have to cross the minotaur once more for that.
			<p>Every turn, you choose the way you want to take, according to the map. If you're lucky, you're going in the right direction. If you get lost in the labyrinth, you will end up in a wrong way, the entrance or the minotaur!</p>
			<p>When you enter a territory, you may get into an ambush If so, you get raped and have to complete the task that appears in the given time!
			<br>Your race will may cause additional actions by each race. If so, read the racial effect first. It may change your main task!</p>
			<p>Each time you exit a territory, whether you were fucked or not, you gain 1 level and earn 1 gold piece.
			<br><font color="#FF0000">Coming later: prisoner effects</font></p>
			<p><font color="#FF0000">Coming later: items & item shop</font></p>
			<p>You can survive being fucked by the minotaur and get to the treasure only if you are level 10 or above. If you get fucked by the minotaur under this level, you'll lose 2 level and send back in the corridor.</p>
			<p><b>Hot-keys:</b>
			<br><i>Enter</i> or <i>Space</i> : Start/finish a task (same as clicking the "Start Timer"/"Completed" buttons)</p>
			</span>
			<center>v1.3</center>
		</div>
		
		<!-- Game -->
		<div id="gamePannel" class="shadow">
		<center>
			<table id="gameInformationTable">
				<tr>
					<th>Race:</th>
					<td id="raceField">@race@</td>
					<th>Position:</th>
					<td id="posField">@pos@</td>
					<th>Level:</th>
					<td id="lvlField">@lvl@</td>
					<th>GP:</th>
					<td id="gpField">@gp@</td>
				</tr>
			</table>
			<div id="mapItem0" class="mapItem notSelectable">
				Entrance
			</div>
			<div id="mapItem1" class="mapItem notSelectable">
				Gnomes
			</div>
			<div id="mapItem2" class="mapItem notSelectable">
				Draenei
			</div>
			<div id="mapItem3" class="mapItem notSelectable">
				Orcs
			</div>
			<div id="mapItem4" class="mapItem notSelectable">
				Goblins
			</div>
			<div id="mapItem5" class="mapItem notSelectable">
				Dwarves
			</div>
			<div id="mapItem6" class="mapItem notSelectable">
				Elves
			</div>
			<div id="mapItem7" class="mapItem notSelectable">
				Trolls
			</div>
			<div id="mapItem8" class="mapItem notSelectable">
				Humans
			</div>
			<div id="mapItem9" class="mapItem notSelectable">
				Minotaur
			</div>
			<div id="mapItem10" class="mapItem notSelectable">
				Treasure 1
			</div>
			<div id="mapItem11" class="mapItem notSelectable">
				Treasure 2
			</div>
		</center>
		</div>
		
		<!-- Tasks -->
		<div id="taskPannel" class="shadow">
		<center>
			<h2 class="notSelectable">Task:</h2>
			<span style="text-align:justify;" id="timer">
				0 seconds left
			</span>
			<p><span style="text-align:justify;" id="taskItems">
				No item
			</span></p>
			<p><span style="text-align:justify;" id="taskDesc">
				No task
			</span></p>
			<p><span style="text-align:justify;" id="raceBonusDesc">
				No racial bonus task
			</span></p>
			<div class="button notSelectable" id="taskStartButton">
				Start Timer
			</div>
			<div class="button notSelectable" id="taskFinishedButton" style="display:none;">
				Completed
			</div>
		</center>
		</div>
		
		<div class="opacity" id="grayLayer"></div>
	</body>
</html>